// @use "element-plus/dist/index.css" as *;
/* 重写需要重新定义的主题 */
@forward "element-plus/theme-chalk/src/common/var.scss" with (
    $colors: (
        "primary": (
            // 主色
            "base": #56a032
        ),
        "success": (
            // 成功色
            "base": #ba904f
        ),
        "warning": (
            // 警告色
            "base": #f4902e
        ),
        "danger": (
            // 危险色
            "base": #e0463c
        ),
        "error": (
            // 错误色
            "base": #e0463c
        )
    )
);

@use "element-plus/theme-chalk/src/index.scss" as *;
/* 更改公用提示框ElMessageBox */
.messageBox-alert-customClass {
    padding: 28px 10px !important;
    width: 330px !important;

    .el-icon.el-message-box__status {
        font-size: 56px !important;
    }

    .el-message-box__container {
        text-align: center;
        padding: 10px !important;
        color: rgba(0, 0, 0, 0.85);
    }
    .alert-confirm-button,
    .enter-cancel-button-calss {
        color: var(--theme-primary);
        background: transparent;
        border-color: var(--theme-primary);
    }
    .alert-confirm-button:hover,
    .enter-cancel-button-calss:hover {
        background: var(--theme-primary-background);
        color: var(--theme-primary);
    }
}
.messageBox-alert-customClass-prompt {
    .el-message-box__container {
        padding: 0 !important;
    }
}
.alert-icon-class-success .el-icon {
    color: var(--theme-primary) !important;
}
.alert-icon-class-warning .el-icon {
    color: var(--theme-warning) !important;
}
.alert-icon-class-danger .el-icon {
    color: var(--assist-red) !important;
}
.el-select-dropdown__item.is-hovering {
    background-color: var(--theme-primary-background) !important;
}
/** 表格 */
.el-table .cell {
    color: var(--text-black-85);
}

/** plain按钮样式更改 */
.is-plain {
    background-color: transparent !important;
}
.el-button--primary.is-plain:hover {
    background-color: var(--el-color-primary-light-9) !important;
    color: var(--el-color-primary) !important;
}
.el-button--success.is-plain:hover {
    background-color: var(--el-color-success-light-9) !important;
    color: var(--el-color-success) !important;
}
.el-button--info.is-plain:hover {
    background-color: var(--el-color-info-light-9) !important;
    color: var(--el-color-info) !important;
}
.el-button--warning.is-plain:hover {
    background-color: var(--el-color-warning-light-9) !important;
    color: var(--el-color-warning) !important;
}
.el-button--danger.is-plain:hover {
    background-color: var(--el-color-danger-light-9) !important;
    color: var(--el-color-danger) !important;
}
/* 更改tabs标签页header的样式 */
.el-tabs__header {
    margin: 0 !important;
}
.el-upload-dragger,
.el-select__wrapper,
.el-input__wrapper {
    background-color: transparent !important;
}
/** 自定义一级标签(只作用于home.vue）主页面下 */
.home_tab_content .first_custom_tab {
    // 卡片
    .el-tabs__header {
        padding-left: 0 !important;
        border-bottom: 1px solid var(--border-color-s) !important;
        width: 100% !important;
        .el-tabs__item {
            background-color: transparent !important;
        }
        .is-active {
            background-color: transparent !important;
            color: var(--theme-primary) !important;
            position: relative;
        }
        .is-active::after {
            content: " ";
            width: 110% !important;
            border-bottom: 1px solid var(--theme-primary);
            position: absolute;
            bottom: -6px;
            left: -2px;
        }
    }
    // 内容
    .el-tabs__content {
        padding: 12px !important;
    }
}
/** 自定义二级标签(只作用于home.vue）主页面下 */
.home_tab_content .second_custom_tab {
    // 卡片
    .el-tabs__header {
        padding-left: 0 !important;
        width: 100% !important;
        .el-tabs__item {
            background-color: transparent !important;
        }
        .is-active {
            background-color: var(--theme-primary) !important;
            position: relative;
        }
    }
    // 内容
    .el-tabs__content {
        padding: 12px !important;
    }
}
/** 自定义步骤条 */
.custom_steps {
    width: 100%;
    // margin: 0 auto;
    .el-step.is-center .el-step__line {
        left: 65%;
        right: -35%;
    }
    .el-step__icon.is-text {
        overflow: hidden;
    }
    // 已完成
    .el-step__head.is-finish {
        .el-step__icon-inner {
            font-size: 0;
        }
        .el-step__icon-inner::before {
            content: "\2713";
            font-size: 14px;
            font-weight: bold;
        }
    }
    // 进行中
    .el-step__head.is-process {
        .el-step__icon.is-text {
            background-color: var(--theme-primary);
            border: transparent;
            color: var(--text-white-85);
        }
    }
    // 未开始
    .el-step__head.is-wait {
    }
    .el-step__title {
        font-size: 14px;
        font-weight: 500;
    }
    // 竖式
    .is-vertical .el-step__line {
        top: 50% !important;
        height: 40% !important;
    }
}
